@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#666666; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:27px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#666666; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#161616; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#006BB5; text-decoration:none;}
img{border:none;}
.clear{width:100%; height:0px; clear:both;}
h2{ font-size:25px; font-weight:blod; line-height:50px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:65px;}.line70{line-height:65px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}






.top{ width:100%; height:88px;  background-size:cover; }
.top_w{ width:1360px; height:88px; margin:0 auto; position:relative;}
.logo{ width:510px; height:88px; float:left;}
.phone{ height:36px; width:212px; margin-top:22px;color:#fff; background: url(../images/phone.png) center no-repeat; text-align:center; line-height:36px; float:right; font-size:16px; }
.phone span{color:#0d63ce; font-weight:bold;}
.tpp{ width:100%; height:168px; }


#menu_wp{width:100%; height:80px;  background:#006BB5;}
/*menu*/
#menu { display:block; width:1360px; margin:0 auto; height:65px;}
#nav {display:block;}
#nav .mainlevel {width:150px; height:80px;float:left; text-align:center; display:block; position:relative; z-index:999999}

#nav .mainlevel a{ text-decoration:none; width:149px; margin:0 auto; text-align:center; line-height:80px;  color:#fff; height:80px; display:block; font-size:18px;transition: all 0.8s; z-index:99999;background: url(../images/icon4_1.png) bottom center no-repeat;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background: url(../images/icon4.png) bottom center no-repeat;; z-index:999}
#nav .mainlevel ul {position:absolute; display:none; margin-left:0px; padding-top:8px;  padding-bottom:15px; z-index:99; background:#fff url(../images/11d.jpg) top center no-repeat;}
#nav .mainlevel li {background:#fff; padding-top:5px;}
#nav .mainlevel li a {padding:0px; width:170px; color:#666; background-image:none; background-color:#fff; font-size:14px; line-height:32px; height:32px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#ff5614; border:none;}


.fullSlide{ width:100%; position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
			  filter:alpha(opacity=60);opacity:0.6 }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-18.5% 0 0 3%; float:left;background: url(../images/icon1.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }
.fullSlide .next{ z-index:1; display:block; width:66px; height:66px; position:relative; margin:-18.5% 0 0 3%; float:right;background: url(../images/icon2.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }
.fullSlide .next{  background-position:right 0;  margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.cont1{ width:1360px; height:400px; margin:70px auto;}
.cnt1{ width:556px; height:400px; float:left;}
.cnt2{ width:690px; height:350px; margin-top:50px; float:right; font-size:18px; line-height:34px;}
.cnt2 a{ width:180px; height:58px; border:1px solid #666; color:#666; display:block; text-align:center; line-height:58px; margin-top:50px;transition: all 0.8s;}
.cnt2 a:hover{ background:#006BB5;border:1px solid #006BB5; color:#fff; }

.rjkf2{ width:100%; height:auto; padding:100px 0 90px 0; background: url(../images/a5.png) center no-repeat;; }
.bt1{ width:100%; height:auto; text-align:center; padding-bottom:55px;}
.bt1 h2{ font-size:36px; color:#333333; line-height:50px; font-weight:normal;}
.bt1 p{ font-size:14px; color:#828282; line-height:20px; padding-top:5px;}

.cntx{ width:1120px; height: auto; margin:10px auto 30px auto; position:relative; }
.cntx .layer3List{ position:relative;}



.layer3_box{width:250px; height:335px; border:1px solid #666666;box-sizing: border-box;transition: all 0.8s; float:left; margin-right:40px; margin-bottom:30px;}
.layer3_box img{ width:250px; height:335px;cursor: pointer;transition: all 1.2s;}
.layer3_box img:hover{transform: scale(1.1);}

.layer3_box:hover{ border:1px solid #E6000F; background:#;}

.cntx  .swiper-button-next{ top: 47%; transform: translateY(-50%);;transition: all 0.8s;right:-100px; width: 66px; height:66px; background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev{top:47%; transform: translateY(-50%);;transition: all 0.8s;left:-100px; width:66px; height:66px; background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-next:hover{background: url(../images/a6n1.png);}
.cntx  .swiper-button-prev:hover{background: url(../images/a8n1.png);}

.cont3{ width:100%; height:680px; padding:60px 0px; background:url(../images/ct3.png) center no-repeat;;}
.cont3 ul{ width:1360px; height:auto; margin:40px auto;}
.cont3 ul li{ width:272px; height:400px; float:left; position:relative; overflow:hidden;}
.cont3 ul li img{cursor: pointer;transition: all 1.8s;}
.cont3 ul li img:hover{transform: scale(1.1);}
.cont3 ul li .ct3z{ width:92%; height:60px; margin-left:8%; position:absolute; bottom:0px; color:#fff;}
.cont3 ul li .ct3z span{font-size: 16px; padding-top:10px; background:url(../images/a_xt.png) top left no-repeat;}
.bt2{ width:100%; height:auto; font-size:24px; color:#999; line-height:40px; text-align:center;}
.bt2 p{ font-weight: bold;font-size: 30px;line-height: 45px;color: #333333;}
.bk {height: 60px; width:230px; padding-top:60px; margin:0px auto;}
.bk a{height: 60px; width:230px;background: #196FBA;border-radius: 30px; display:block; text-align:center; line-height:60px; color:#fff; font-size:18px;}
.bk a:hover{box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1); text-decoration:underline;border-radius: 30px;transition: all .8s;}
 
.cont4{ width:100%; height:auto; background:url(../images/a3.png) center no-repeat; background-size:cover; padding:65px 0px;}
.cont4 ul{ width:1360px; height:auto; margin:0 auto; padding:30px 0px;}
.cont4 li{ width:19%; height:auto; margin-right:1.25%; margin-bottom:25px; float:left;}
.cont4 li a{ display:block; overflow: hidden;}
.cont4 li img{ width:100%;cursor: pointer;transition: all 1.8s;}
.cont4 li img:hover{transform: scale(1.1);}
.cont4 li:nth-child(5n) { margin-right:0px;}

.cont6{ width:1360px; height:auto;padding:45px 0px 70px 0px; margin:0 auto;}
.bt4{ width:1360px; height:auto; margin:30px auto 0px auto; font-size:36px; line-height:50px; color:#333333; text-align:center;}
.bt4 p{ font-size:18px; line-height:27px; color:#666666;}
.cont6 ul{ margin-top:55px;}
.cont6 li{ width:430px; height:auto; float:left; margin-right:35px; margin-bottom:45px;}
.cont6 li img{ width:430px; height:230px;cursor: pointer;transition: all 1.2s;}
.cont6 li img:hover{transform: scale(1.1);}
.cont6 li .ct6{ width:100%; height:80px; padding:30px 0px 10px 0px; background:#F3F3F3;transition: all 1.2s;}
.cont6 li .ct6 h2{ width:90%; height:30px; line-height:30px;font-weight: normal;font-size: 18px; color:#333; margin:0 auto;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cont6 li .ct6 p{ width:75%; height:30px; line-height:30px; margin:0 auto; text-align:right;transition: all 0.6s;  }
.cont6 li:hover .ct6{ background:#196FBA; }
.cont6 li:hover .ct6 h2{ width:90%; height:30px; line-height:30px;font-weight: normal;font-size: 18px; color:#fff; margin:0 auto;}
.cont6 li:hover .ct6 p{ width:75%; height:30px; line-height:30px; color:#fff; margin:0 auto; padding-right:40px; text-align:right; background:url(../images/a13.png) right center no-repeat;  }
.cont6 li:nth-child(3n){ margin-right:0px;;}

.footer{ width:100%; line-height:34px; color:#fff; background:#003A82; padding:35px 0px 30px 0px; text-align:center;}

.mor2{ width:1360px; height:auto; margin:0 auto; text-align:center;}
.mor2 a{ width:230px; height:60px; border-radius:50px; background:#196FBA; display:block; margin:0 auto; text-align:center; line-height:60px; color:#fff; font-size:18px;}
.mor2 a:hover{ text-decoration:underline;}


.cont31{ width:1360px; height: auto ; margin:60px auto 80px auto;}
.cnt311{ width:680px; height: auto; float:left; position:relative;}
.ct311{width: 161px;height: 40px;background: #289F4B;border-radius: 50px; position:absolute; bottom:0px; text-align:center; line-height:40px;}
.ct311 a{ color:#fff;}
.ct311 a:hover{ text-decoration:underline;}
.cnt321{ width:610px; height: auto; float:right;}
 .bt21{ width:100%; height:auto;font-weight: 500;font-size: 24px;line-height: 36px;color: #333333; padding-bottom:5px; margin-bottom:15px;}
 .bt21 p{font-size: 72px;line-height: 100px;color: #E0E0E0;}
#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.m_tip{ width:100%; height:80px; background:#E0E0E0;}
.m_tipz{ width:1360px; height:80px; margin:0 auto;}
.m_tipz a{ width:199px; height:80px; line-height:80px; float:left; text-align:center; display:block; font-size:18px;transition: all 0.8s;}
.m_tipz a:hover{ background:url(../images/x1.png) center no-repeat; color:#006BB5;}



.main{ width:100%; height:auto; padding:70px 0 60px 0; background:#f5f5f5; }
.bt1z{ width:100%; height:auto; text-align:center; padding-bottom:30px;}
.bt1z h2{ font-size:36px; color:#196FBA; line-height:50px; font-weight:normal;}
.bt1z h2 span{ color:#196FBA;}

.artile{ width:1360px; height:auto; margin:30px auto 15px auto;}
.artile li{ width:1360px; height:360px; background:#fff; margin-bottom:40px;}
.art1{ width:530px; height:360px; float:left;}
.art1 img{width:530px; height:360px;}
.art2{ width:780px; height: auto; padding:40px 20px 0px 0px; float:right;}
.art2 h2{ width:100%; font-size:24px; color:#333333; height: auto; font-weight:normal; line-height:30px; padding-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }

.art2 .art_p{ width:100%; height:110px; line-height:22px; color:#828282 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;letter-spacing: 0.15em;;}
.art2 .art2_1{ width:100%; height:40px; line-height:40px; padding-top:25px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:12px; color:#828282; padding-bottom:20px; float:left;}
.art2 .art2_1 span{ color:#006BB5;; font-size:12px; float:right;}

.artile li .art2 a:hover span{ text-decoration:underline;}
.artile li .art2 a:hover h2{ color:#006BB5;}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:30px 0px 20px 0px; text-align:center; }
#nx_pg a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6;border-radius: 4px ; color:#6C757D;;font-size:14px; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#196FBA; color:#fff;border: 1px solid #196FBA;}
#nx_pg .on{ background:#196FBA; color:#fff;border: 1px solid #196FBA;}

.bread{ width:1360px; height:50px; line-height:50px; padding-top:20px; border-bottom:1px solid #BDBDBD; margin:0 auto; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}
.fh{ width:1360px; height:auto; padding:50px 0px; margin:70px auto; background:#fff;;}
.fh a{width: 202px;height: 52px;background: #FFFFFF;border: 1px solid #DEE2E6; text-align:center; line-height:52px;box-sizing: border-box;border-radius: 8px; display:block; margin:0 auto;}

#nx_pg1{width:1360px; margin:35px auto;; height: auto ; padding:60px 0px ; background:#fff; text-align:center; }
#nx_pg1 a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6;border-radius: 4px ; color:#6C757D;;font-size:14px; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg1 a:hover{background:#196FBA; color:#fff;border: 1px solid #196FBA;}
#nx_pg1 .on{ background:#196FBA; color:#fff;border: 1px solid #196FBA;}

.gloy{ width:1360px; height:auto;margin:10px auto 15px auto;}
.gloy li{ width:23%; height:auto; float: left; margin-right:2.666%; margin-bottom:38px;}
.gloy li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.gloy li img:hover{transform: scale(1.1);}
.gloy li:nth-child(4n) { margin-right:0px;}

.scope{ width:100%; height:auto; }
.scope li{ width:100%; background:#fff; height:455px;}
.scope li .scope1{ width:50%; float:left;height:455px;}
.scope li .scope2{ width:50%; float:right;height:455px;transition: all 1.2s;}
.scope li .scope2 .scope2z{ width:620px; float:left; padding:60px 0px 0px 60px;}
.scope li .scope2 .scope2z h2{ transition: all 1.2s;font-size:24px;  width:100%; height:40px; line-height:40px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.scope li .scope2 .scope2z span{transition: all 1.2s; width:100%; font-weight:bold;height:40px; display:block; font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #E0E0E0; }
.scope li .scope2 .scope2z .scpe{transition: all 1.2s; width:100%; height:150px; line-height:30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;color: #666666;}
.scope li .scope2:hover{ background:#006BB5;}
.scope li .scope2:hover .scope2z h2{ color:#fff;}
.scope li .scope2:hover .scope2z span{  color:#fff;}
.scope li .scope2:hover .scope2z .scpe{ color:#fff;}


.scope li:nth-child(2n) .scope1{ width:50%; float:right;height:455px;}
.scope li:nth-child(2n-1) .scope2{ width:50%; float:left;height:455px;transition: all 1.2s;}
.scope li:nth-child(2n) .scope2 .scope2z{ width:620px; float:right; padding:60px 60px 0px 0px;}

.abz{ width:1360px; height:auto; margin:45px auto; }
.abz img{ max-width:100%;}

.b3{ width:100%; height:auto; font-size:48px; color:#196FBA; line-height:65px; text-align:center;}
.b3 p{ width:100%; height:40px; line-height:40px; font-size:24px; color:#333; background:url(../images/a14.png) center center no-repeat;}
.ab1{ width:100%; height:auto; padding:30px 0px;}

.ab2{ width:1360px; height:auto; margin:70px  auto; }
.ab2 li{ width:300px; height:auto; float:left; margin-right:53px; text-align:center; float:left; }
.ab2 li:nth-child(4n){ margin-right:0px;;}
.ab2 li h2{ font-size:24px; line-height:60px; color:#333; padding-top:20px;}
.ab2 li p{ font-size:18px; color: #4F4F4F; line-height:30px;}
.ab2 li img{-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab2 li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}


.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.f-left {float: left;}
.f-right {float: right;}
 .sec1{  padding:80px 0; overflow:hidden;}
 .sec1 .inner{background-image:url(../images/history_tet.jpg); background-repeat:no-repeat; background-position:center 40px;}
 .sec1 ul li { padding-top:60px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center; position:relative;}
   .sec1 ul{ position:relative;padding-top:30px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}
 .sec1 ul li { padding-top:50px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}
 .sec1 ul li:hover{ background:#196FBA;}
 .sec1 ul li:hover .history_text p{color:#fff;  }
 .sec1 ul li:hover .history_date{color:#fff;  }
 .sec1 ul li dd:last-child {padding-bottom: 0;}
 .sec1 ul .first{ position:absolute; top:-2px; left:50%; margin-left:-4px;}
 .sec1 ul li .bottom{ position:absolute; bottom:-4px; left:50%; margin-left:-4px;}
 .sec1 ul li .f-left{ width:50%; text-align:right;}
 .sec1 ul li .f-right{width:50%; text-align:left;}
.history .f-right,.history .f-left{ position:relative; left:0; top:0;}
.history_dot{ width:90px; height:28px; position:absolute; background-repeat:no-repeat;}
.f-right .history_dot{left:0;margin-left:-14px;background-image:url(../images/history_left.png);}
.f-left .history_dot{right:0;margin-right:-14px;background-image:url(../images/history_right.png);}
.history_dot1{ width:65px; height:20px; position:absolute; background-repeat:no-repeat; background-position:left 9px;}
.f-right .history_dot1{left:0;margin-left:-5px;background-image:url(../images/history_left1.png);}
.f-left .history_dot1{right:0;margin-right:-5px;background-image:url(../images/history_right1.png);}
.history_date{ color:#196FBA; font-size:24px; line-height:1;font-family: 'ITCAVANTGARDESTD-BOLD', Arial, sans-serif; font-weight:bold;}
.f-right .history_date{ padding-left:36px;}
.f-left .history_date{ padding-right:36px;}
.f-right .history_text{ padding-left:84px;}
.f-left .history_text{ padding-right:84px;}
.history_text p{color:#666;  font-size:14px; line-height:26px;}
.history_text h1{ color:#00a551; font-size:18px; line-height:1; font-weight:lighter; padding-bottom:5px; padding-top:5px;}
.history_tet{ position:relative; padding-bottom:40px;}
.history_tet.last{ padding-bottom:0;}
.padding_b{ padding-bottom:20px;}






.mainz{max-width:1360px;height:auto;margin:75px auto 70px auto;}
.link{ width:100%; height:auto; margin:50px auto 70px auto;}
.link1{ width:37%; float:left;}
.link1 h2{font-size:72px; color: #E0E0E0; line-height:80px;}
.link1 span{ width:100%; height:60px; font-size:36px;color:#333; line-height:60px; display:block;}
.link1 .lnk12{ width:100%; height:auto; color:#666;}

.lk1z{ width:100%; margin-top:30px; margin-bottom:10px; }
.lk1z li{ width:100%; height:60px; line-height:60px; color:#333; font-weight: 600; font-size:18px; border-bottom:1px solid #E0E0E0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lk1z li img{ vertical-align:-8px;}

.link2{ width:60%; height: auto; float:right; background:url(../images/con1.png) center no-repeat; background-size:cover ;}
.map{ width:100%; height:auto; margin:50px auto 60px auto; }
.map img{ width:100%;}
.ct521{ width:70%; height:420px; margin:70px auto 0px auto;box-sizing: border-box; color:#fff; }
.ct521 p{ margin-bottom:5px;}
.jon1{ width:48%; height: auto; padding-bottom:5px; float:left;}
.jon2{ width:48%; height: auto; padding-bottom:5px; float:right;}
.b1{width:100%; height:45px; line-height:45px; margin:0;box-sizing: border-box; border-radius:5px; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; }
.b2{width:100%; height:150px; line-height:34px;border-radius:5px; margin:0; padding:0;box-sizing: border-box;border:#e0e0e0 1px solid; padding-left:5px;-}
.b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }

.jon4{ width:100%; height: auto ; margin-bottom:20px; display:block;}

.jon5{ width:30%; height:44px; margin:0 auto;}
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: 44px; color: #fff; background: #006BB5;;border-radius:50px;}